<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/infoNew.css?v=1.1">
<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/guide/examPoint.css?v=1.1.1">

<section id="examPoint">
    <div class="guideContent">
        <div class="guideBanner">
            <a onclick="_czc.push(['_trackEvent','考试指南','备考全攻略','',''])" href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/banner1@2x.png" alt=""></a>
            <a onclick="_czc.push(['_trackEvent','考试指南','点击获取（机经）','',''])" href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/banner2New.png" alt=""></a>
        </div>
        <p class="aboutLink"><a href="/">首页 > </a> <a href="/guide.html">雅思指南</a> > 考试地点</p>
        <div class="aboutUsContent">
            <div class="guideContentLeft">
                <div class="searchCover">
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/iconseacher@2x.png" alt="">
                    <input type="text" v-model="searchText" class="searchInput" placeholder="请输入您要搜索的考点信息">
                    <a href="javascript:void(0)" @click="searchInfo" class="searchBtn">搜索</a>
                    <div class="searchList" v-show="showList" v-cloak>
                        <a :href="'/examRoom-detail?city=' + item.city" v-for="(item,index) in searchData">{{item.name}}</a>
                    </div>
                </div>
                <div class="areaTypeCover">
                    <a href="javascript:void(0)" :class="area == 0?'on':''" @click="changeArea(0,'全部')">全部</a>
                    <a href="javascript:void(0)" :class="area == 1?'on':''" @click="changeArea(1,'华东')">华东</a>
                    <a href="javascript:void(0)" :class="area == 2?'on':''" @click="changeArea(2,'华南')">华南</a>
                    <a href="javascript:void(0)" :class="area == 3?'on':''" @click="changeArea(3,'华中')">华中</a>
                    <a href="javascript:void(0)" :class="area == 4?'on':''" @click="changeArea(4,'华北')">华北</a>
                    <a href="javascript:void(0)" :class="area == 5?'on':''" @click="changeArea(5,'西北')">西北</a>
                    <a href="javascript:void(0)" :class="area == 6?'on':''" @click="changeArea(6,'西南')">西南</a>
                    <a href="javascript:void(0)" :class="area == 7?'on':''" @click="changeArea(7,'东北')">东北</a>
                </div>
                <!--全部 瀑布流-->
                <?php foreach($data as $key=>$value){?>
                <div class="examInfoCover" v-cloak  v-show="area == <?php echo $key?>">
                     <!--    循环  examInfoItem-->
                    <?php foreach($value as $val){?>
                    <div class="examInfoItem">
                        <img src="<?php echo isset($val[0]['pic'])&&$val[0]['pic']!=false?$val[0]['pic']:'https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/banner2023@2x.png'?>" alt="">
                        <p class="pointName"><?php echo isset($val[0]['city'])?$val[0]['city']:''?>雅思考点信息</p>
                        <?php foreach($val as $v){?>

                        <a @click="goArea('<?php echo $v['name']?>')" href="<?php echo isset($val[0]['city']) ?'ieltstestcenter/'.$v['urlcode'].'.html':'javascript:void(0)'?>"  class="pointItem"><?php echo $v['name']?></a>
                        <?php }?>
                    </div>
                    <?php }?>
                </div>
                <?php }?>
                <!-- 底部统一商桥-->
                <div class="guideBottom">
                    <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/iconquestion@2x.png" alt="">
                        <span>雅思报考疑问</span>
                    </a>
                    <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/icontanhao@2x.png" alt="">
                        <span>雅思考前注意事项</span>
                    </a>
                </div>
            </div>
            <div class="guideContentRight">
                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>申友雅思热门课程</p>
                        <a href="/mall.html">
                            MORE
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt="">
                        </a>
                    </div>
                    <!--  hotCourseItem 循环-->
                    <?php foreach($course as $v){?>
                        <div class="hotCourseItem">
                            <p class="itemCourseTitle">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/5@2x.png" alt="">
                                <span> <?php echo  $v['name']?></span>
                            </p>
                            <p class="courseInfo">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/7@2x.png" alt=""><?php echo  $v['duration']?></p>    <p class="courseInfo">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/6@2x.png" alt="" >
                                <?php echo  $v['classTime']?>课时
                            </p>
                            <div class="courseBtn">
                                <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef" target="_blank" class="zxBtn">立即咨询</a>
                                <a href="/course-detail/<?php echo  $v['id']?>.html" class="detailBtn">查看详情</a>
                            </div>
                        </div>
                    <?php }?>
                </div>
                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>干货分享</p>
                        <a href="/news/share.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>
                    </div>
                    <?php foreach ($recommend as $k=>$v) { ?>
                        <a  href="/news-information/<?php echo $v['id']?>.html" class="leadNewItem" >
                            <p class="leadNewImg">
                                <img src="<?php echo $v['pic']?>" alt="">
                                <span><?php echo $k+1?></span>
                            </p>
                            <div class="leadNewRight">
                                <p class="newsWords"><?php echo  $v['name']?></p>
                                <p class="ydNum"><span><?php echo $v['pushTime']==false?date('Y-m-d',$v['createTime']):date('Y-m-d',$v['pushTime'])?></span><span><?php echo  $v['viewCount']?>人阅读</span></p>
                            </div>
                        </a>
                    <?php }?>
                </div>

                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>最新考位资讯</p>
                        <a href="/news/loc_info.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>
                    </div>
                    <?php foreach ($examInfo as $k=>$v) { ?>
                        <a  href="/news-information/<?php echo $v['id']?>.html" class="leadNewItem" >
                            <div class="leadNewRight" style="width: 90%;">
                                <p class="newsTitle"><?php echo  $v['name']?></p>
                                <p class="newsWords" style="color: #666666;font-size: 12px;margin-top: 10px"><?php echo $v['summary']?></p>
                                <p class="ydNum"><span>发布于<?php echo $v['pushTime']==false?date('Y-m-d',$v['createTime']):date('Y-m-d',$v['pushTime'])?></span></p>
                            </div>
                        </a>
                    <?php }?>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
    window.examPoint = new Vue({
        el: '#examPoint',
        data() {
            return {
                searchText:'',
                area:'0',
                showList:false,
                searchData:'',
                areaName:'全部',
            }
        },
        created() {

        },
        mounted() {
            let that = this;
            $('body').click(function (e) {
                e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
                that.showList = false;
            })
        },
        methods:{
            changeArea(index,name){
                this.area = index;
                this.areaName = name;
                _czc.push(['_trackEvent','考试指南-雅思考点查询',name,'',''])
            },
            goArea(name){
                let that = this;
                console.log(name)
                console.log(that.areaName)
                _czc.push(['_trackEvent','雅思考点查询',name,that.areaName,''])
            },
            searchInfo(){
                let that = this;
                if(that.searchText.replace(/\s*/g, "") != ''){
                    $.post('/cn/api/search-place',{
                        keyword:that.searchText,
                    },function (res) {
                        if(res.code == 1){
                            that.searchData = res.data;
                            that.showList = true;
                        }else {
                            alert(res.message)
                        }
                    },'json')
                }else {
                    alert('请输入关键词')
                }

            },
        },
    });
</script>
